<!DOCTYPE html>
<html lang="zh-CN" xmlns="http://www.w3.org/1999/html">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <title>销售-订单-详情</title>
  <link href="css/bootstrap.css" rel="stylesheet">
  <link href="css/index.css" rel="stylesheet">
  <script src="js/jquery-1.11.3.js"></script>
  <script src="js/bootstrap.js"></script>
  <script src="js/index.js"></script>
  
  <!--[if lt IE 9]>
  <script src="js/html5shiv.min.js"></script>
  <script src="js/respond.min.js"></script>
  <![endif]-->
</head>
<body>
<!--导航start-->
<nav class="navbar navbar-fixed-top">
    <div class="container-fluid ">
        <div class="row">
            <div class="col-md-2 nav-logo">
                <a href="首页.html"><img src="images/logo.png" /></a>
            </div>
            <div class="col-md-10 navbar1">
                <p class="navbar-text">信息沟通世界&nbsp;&nbsp;科技服务三农</p>
                <ul class="nav navbar-nav navbar-right">
                    <li>
                        <a href="销售-订单管理.html"><span class="glyphicon glyphicon-volume-up"></span>&nbsp;<span>订单<span class="badge">1</span></span></a>
                    </li>
                    <li class="dropdown">
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
                            <span class="glyphicon glyphicon-info-sign"></span>&nbsp;
                            <span>帮助</span>
                            <span class="caret"></span>
                        </a>
                        <ul class="dropdown-menu dropdown-menu-right">
                            <li class="text-center"><a href="#"><span class="text-primary"><span class="glyphicon glyphicon-phone-alt"></span>&nbsp;&nbsp;0451-87963519-815</span></a></li>
                            <li class="text-center"><a href="#"><span class="text-primary"><span class="glyphicon glyphicon-comment"></span>&nbsp;&nbsp;互助问答</span></a></li>
                        </ul>
                    </li>
                    <li class="dropdown">
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
                            <span class="glyphicon glyphicon-user"></span>&nbsp;
                            <span>农业集团科技有限公司</span>
                            <span class="caret"></span>
                        </a>
                        <ul class="dropdown-menu dropdown-menu-right">
                            <li class="text-center"><a href="资源-公司信息.html"><span class="text-primary"><span class="glyphicon glyphicon-cog"></span>&nbsp;&nbsp;企业设置</span></a></li>
                            <li class="text-center"><a href="首页.html"><span class="text-primary"><span class="glyphicon glyphicon-home"></span>&nbsp;&nbsp;个人首页</span></a></li>
                            <li class="text-center"><a href="资源-站内信息.html"><span class="text-primary"><span class="glyphicon glyphicon-envelope"></span>&nbsp;&nbsp;系统消息</span></a></li>
                            <li class="text-center"><a href="修改密码.html"><span class="text-primary"><span class="glyphicon glyphicon-lock"></span>&nbsp;&nbsp;修改密码</span></a></li>

                        </ul>
                    </li>
                    <li>
                        <a href="登录.html">
                            <span class="glyphicon glyphicon-remove-circle"></span>&nbsp;<span>退出</span>
                        </a>
                    </li>
                </ul>
            </div>
        </div>
    </div>
</nav>
<!--导航end-->
<!--主体开始-->
<main>
    <div class="container-fluid">
        <div class="row">
            <div class="col-xs-2 navbar2 sidebar">
                <h3>翔 农 云 农 场</h3>
                <h4>www.nongchang.com</h4>
                <div class="panel-group" id="accordion" role="tablist" aria-multiselectable="true">
                    <div class="panel panel-default">
                        <a class="nav-panel nav-left1" data-toggle="collapse" data-parent="#accordion" href="#collapseOne" aria-expanded="true"
                           aria-controls="collapseOne">
                            <i class="ziyuan"></i>
                            <i class="panel-left1">资&nbsp;源</i>
                        </a>
                        <div id="collapseOne" class="panel-collapse collapse" >
                            <ul class="nav  nav-list">
                                <li><a href="资源-公司信息.html">公司信息</a></li>
                                <li><a href="资源-认证信息.html">认证信息</a></li>
                                <li><a href="资源-员工管理-基地负责人.html">员工信息</a></li>
                                <li><a href="资源-园区管理.html">园区管理</a></li>
                                <li><a href="资源-农机管理.html">农机管理</a></li>
                                <li><a href="资源-设备管理.html">设备管理</a></li>
                                <li><a href="资源-站内信息.html">站内信息</a></li>
                            </ul>
                        </div>
                    </div>
                    <div class="panel panel-default">
                        <a class="nav-panel nav-left1" data-toggle="collapse" data-parent="#accordion" href="#collapseOne1" aria-expanded="true"
                           aria-controls="collapseOne1">
                            <i class="jihua"></i>
                            <i class="panel-left1">计&nbsp;划</i>
                        </a>
                        <div id="collapseOne1" class="panel-collapse collapse" >
                            <ul class="nav  nav-list">
                                <li><a href="计划-种类.html">种 类</a></li>
                                <li><a href="计划-排产.html">排 产</a></li>
                            </ul>
                        </div>
                    </div>
                    <div class="panel panel-default">
                        <a class="nav-panel nav-left1" data-toggle="collapse" data-parent="#accordion" href="#collapseOne2" aria-expanded="true"
                           aria-controls="collapseOne2">
                            <i class="shengchan"></i>
                            <i class="panel-left1">生&nbsp;产</i>
                        </a>
                        <div id="collapseOne2" class="panel-collapse collapse" >
                            <ul class="nav  nav-list">
                                <li><a href="生产-农事.html">农事管理</a></li>
                                <li><a href="生产-预警管理.html">预警管理</a></li>
                                <li><a href="生产-监测.html">监 测</a></li>
                                <li><a href="生产-控制.html">控 制</a></li>
                                <li><a href="生产-气象.html">气 象</a></li>
                            </ul>
                        </div>
                    </div>
                    <div class="panel panel-default">
                        <a class="nav-panel nav-left1" data-toggle="collapse" data-parent="#accordion" href="#collapseOne4" aria-expanded="true"
                           aria-controls="collapseOne4">
                            <i class="xiaoshou"></i>
                            <i class="panel-left1">销&nbsp;售</i>
                        </a>
                        <div id="collapseOne4" class="panel-collapse collapse" >
                            <ul class="nav  nav-list">
                                <li><a href="销售-订单管理.html">订单管理</a></li>
                                <li><a href="销售-价格.html">价格管理</a></li>
                            </ul>
                        </div>
                    </div>
                    <div class="panel panel-default">
                        <a class="nav-panel nav-left1" data-toggle="collapse" data-parent="#accordion" href="#collapseOne5" aria-expanded="true"
                           aria-controls="collapseOne5">
                            <i class="lvli"></i>
                            <i class="panel-left1">商&nbsp;品</i>
                        </a>
                        <div id="collapseOne5" class="panel-collapse collapse" >
                            <ul class="nav  nav-list">
                                <li><a href="商品-加工.html">加 工</a></li>
                                <li><a href="商品-损耗.html">损 耗</a></li>
                            </ul>
                        </div>
                    </div>
                    <div class="panel panel-default">
                        <a class="nav-panel nav-left1" data-toggle="collapse" data-parent="#accordion" href="#collapseOne6" aria-expanded="true"
                           aria-controls="collapseOne6">
                            <i class="jiagong"></i>
                            <i class="panel-left1">配&nbsp;送</i>
                        </a>
                        <div id="collapseOne6" class="panel-collapse collapse" >
                            <ul class="nav  nav-list">
                                <li><a href="配送-物流管理.html">物流管理</a></li>
                                <li><a href="履历-履历管理.html">履历管理</a></li>
                            </ul>
                        </div>
                    </div>
                    <div class="panel panel-default">
                        <a class="nav-panel nav-left1" data-toggle="collapse" data-parent="#accordion" href="#collapseOne7" aria-expanded="true"
                           aria-controls="collapseOne7">
                            <i class="fenxi"></i>
                            <i class="panel-left1">统&nbsp;计</i>
                        </a>
                        <div id="collapseOne7" class="panel-collapse collapse" >
                            <ul class="nav nav-list">
                                <li><a href="汇总-历年产量对比-投产量.html">汇 总</a></li>
                                <li><a href="分析-农事管理分析-环境监控历史纪录.html">分 析</a></li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
            <!--左侧nav end-->
    <!--右侧内容开始-->
  <div class="col-xs-10 center_box">
      <form class="form-horizontal dingdan-detail2" role="form" >
  	<!-------订单编号------->
	<div class="row">
		<div class="col-xs-12 dingdanbianhao">
			<div class="row">
				<div class="col-xs-3">订单编号：123456789000</div>
				<div class="col-xs-3">订单状态：订单待发货</div>
				<div class="col-xs-3">下单时间：2016-06-01&nbsp;&nbsp;15:00:00</div>
				<div class="col-xs-3"><span class="glyphicon glyphicon-ok-sign" aria-hidden="true"></span>&nbsp;&nbsp;已支付</div>
			</div>
		</div>
		<!-------客户信息------->
		<div class="col-xs-12 kehuxinxi-header">
			<h4>客户信息</h4>
		</div>
		<div class="col-xs-6 kehuxinxi-border">
				<div class="row" style="padding-left:10px;">
                    <div class="col-xs-12">
                       	<div class="row" style="padding-left:15px;">
                            <div class="col-xs-4">姓名：王先生</div>
                            <div class="col-xs-4">联系方式：13713713137</div>
                            <div class="col-xs-4" style="padding-left:20px;">客户来源:网络电商</div>
                        </div>
                    </div>
                    <div class="col-xs-12">
                        <div class="row" style="padding-left:15px;">
                            <div class="col-xs-4">客户类型：普通客户</div>
                            <div class="col-xs-6">工作地址：内容</div>
                        </div>
                    </div>
                    <div class="col-xs-12">
                        <div class="row" style="padding-left:15px;">
                        	<div class="col-xs-6">备注：内容......</div>
                        </div>
                    </div>
                </div>
		</div>
		<!-------收货人信息------->
		<div class="col-xs-12 kehuxinxi-header">
			<h4>收货人信息</h4>
		</div>
		<div class="col-xs-12">
			<div class="row" style="padding-left:15px;">
                <div class="col-xs-3 shouhuoren-border">
                    <div class="row">
                        <div class="col-xs-12 shouhuoren-border-1">
                            <div class="row">
                                <div class="col-xs-6 pull-left">梁朝伟</div>
                                <div class="col-xs-6 pull-right">13888888888</div>
                            </div>
                        </div>
                    </div>
                    <p style="margin-top:15px;">广东&nbsp;&nbsp;深圳市&nbsp;&nbsp;保安区</p>
                    <p>海秀路龙光世纪大厦B座11栋</p>
                    <p>（518101）</p>
                </div>
            </div>
		</div>
		<!-------配送时间------->
		<div class="col-xs-12 kehuxinxi-header">
			<h4>配送时间</h4>
		</div>
		<div class="col-xs-12 peisongshijian">
			<p>配送时间：2016-05-20 &nbsp;&nbsp;上午</p>
		</div>
		<!-------付款方式------->
		<div class="col-xs-12 kehuxinxi-header">
			<h4>付款方式</h4>
		</div>
		<div class="col-xs-12 peisongshijian">
			<p>在线付款</p>
		</div>
		<div class="col-xs-12 dingdangenzong">
			订单跟踪
		</div>
		<div class="col-xs-12 dingdangenzong-table">
			<div class="row">
                <div class="col-md-1">
                  <div class="dingdangenzong-table-img"></div>
                </div>
                <div class="col-md-11">
                    <div class="row">
                        <div class="col-xs-12 chuli">
                            <div class="row">
                                <div class="col-xs-4">处理时间</div>
                                <div class="col-xs-4">处理信息</div>
                                <div class="col-xs-4">操作人</div>
                            </div>
                        </div>
                        <div class="col-xs-12 dingdangenzong-table-1">
                            <div class="row">
                                <div class="col-xs-4">2016-5-17 &nbsp;&nbsp;16:00:00</div>
                                <div class="col-xs-4">订单已发货</div>
                                <div class="col-xs-4">王某某</div>
                            </div>
                        </div>
                        <div class="col-xs-12 dingdangenzong-table-1 dingdan-fahuo">
                            <div class="row">
                                <div class="col-xs-4">2016-5-17 &nbsp;&nbsp;16:00:00</div>
                                <div class="col-xs-4">订单已发货</div>
                                <div class="col-xs-4">王某某</div>
                            </div>
                        </div>
                        <div class="col-xs-12 dingdangenzong-table-1 dingdan-fahuo">
                            <div class="row">
                                <div class="col-xs-4">2016-5-17 &nbsp;&nbsp;16:00:00</div>
                                <div class="col-xs-4">订单已发货</div>
                                <div class="col-xs-4">王某某</div>
                            </div>
                        </div>
                        <div class="col-xs-12 dingdangenzong-table-1 dingdan-fahuo">
                            <div class="row">
                                <div class="col-xs-4">2016-5-17 &nbsp;&nbsp;16:00:00</div>
                                <div class="col-xs-4">订单已发货</div>
                                <div class="col-xs-4">王某某</div>
                            </div>
                        </div>
                        <div class="col-xs-12 dingdangenzong-table-1 dingdan-fahuo">
                           	<div class="row"> 
                                <div class="col-xs-4">2016-5-17 &nbsp;&nbsp;16:00:00</div>
                                <div class="col-xs-4">订单已发货</div>
                                <div class="col-xs-4">王某某</div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
		</div>
        <div class="col-xs-12 kehuxinxi-header">
            <h4>订单明细</h4>
        </div>
        <div class="col-xs-12">
                <div class="table-responsive dingdan-tijiao">
                    <table class="table table-striped dingdan-table">
                        <thead>
                        <tr>
                            <td>名 称</td>
                            <td>规 格</td>
                            <td>&nbsp;&nbsp;原 价</td>
                            <td>&nbsp;&nbsp;单 价</td>
                            <td>数 量</td>
                            <td>&nbsp;&nbsp;小 计</td>
                        </tr>
                        </thead>
                        <tbody>
                        <tr>
                            <td>西红柿</td>
                            <td>公斤</td>
                            <td>￥10.00</td>
                            <td>￥10.00</td>
                            <td>20</td>
                            <td>￥200.00</td>
                        </tr>
                        </tbody>
                    </table>
                    <div class="pull-right dingdan-heji">
                        <ul class="list-unstyled  pull-right dingdan-heji1">
                            <li>￥200.00</li>
                            <li>一￥10.00</li>
                            <li>￥<input type="text" value="10.00"/></li>
                            <li><h2>￥200.00</h2></li>
                        </ul>
                        <ul class="list-unstyled pull-right dingdan-heji2">
                            <li>商品总价：</li>
                            <li>优惠：</li>
                            <li>运费：</li>
                            <li>实际付款：</li>
                        </ul>
                    </div>
                </div>

        </div>
	</div>

      </form>
      </div>
      </div>
      </div>
</main>
<!--主体end-->
<!--<script>-->
    <!--var s = document.createElement('script');-->
    <!--s.onload = function () {-->
        <!--bootlint.showLintReportForCurrentDocument([]);-->
    <!--}-->
    <!--s.src = 'js/bootlint.js';-->
    <!--document.body.appendChild(s);-->
<!--</script>-->
</body>
</html>